<template>
  <el-menu
    default-active="/"
    class="el-menu-vertical-demo"
    background-color="#002033"
    text-color="#fff"
    active-text-color="#ffd04b"
    router
    :collapse="isCollapse"
    :collapse-transition="false">
    <el-menu-item index="/">
      <i class="iconfont icon-shouye"></i>
      <span slot="title">首页</span>
    </el-menu-item>
    <el-menu-item index="/article">
      <i class="el-icon-setting"></i>
      <span slot="title">内容管理</span>
    </el-menu-item>
    <el-menu-item index="image">
      <i class="el-icon-setting"></i>
      <span slot="title">素材管理</span>
    </el-menu-item>
    <el-menu-item index="publish">
      <i class="el-icon-setting"></i>
      <span slot="title">发布文章</span>
    </el-menu-item>
    <el-menu-item index="comment">
      <i class="el-icon-setting"></i>
      <span slot="title">评论管理</span>
    </el-menu-item>
    <el-menu-item index="fans">
      <i class="el-icon-setting"></i>
      <span slot="title">粉丝管理</span>
    </el-menu-item>
    <el-menu-item index="settings">
      <i class="el-icon-setting"></i>
      <span slot="title">个人设置</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: 'IndexAside',
  props: ['isCollapse'],
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
  .el-menu-vertical-demo {
    height: 100%;
  }

  .el-menu-item {
    height: 70px;
    line-height: 70px;
  }

  .iconfont {
    margin-right: 15px;
  }
</style>
